
#{set title:'Home' /}

<html>
<head> 

<title>O potiguar</title>
<meta charset='UTF-8'>
<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
<style type="text/css">




#slideshow_container {
    width: 620px;
    height: 350px;
}

#caption .easy_slides_caption {
    width: 620px;
    height: 75px;
   
    color: #FFFFFF;
    font-family: Purisa;
    font-size: 20px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding: 3px;
text-align: center;
background-color: #ffffff;
border: 5px solid #FFFFFF;
}
</style>

<br>
<div align="center">
<img class="banner" src= "/public/images/banner cópia.jpg"> 	 
</div>

<div align="right">
<TABLE BACKGROUND="#CDB38B"  > 
<TR> 

	<td class="head1"><a href=@{Application.index()}> <cabecalho>Início  </cabecalho></a></td> <td>
	<td class="head2"><a href=@{ControllerTabref.showcardapio()}> <cabecalho>Cardápio  </cabecalho></a></td><td><td>
	<td class="head3"><a href=@{Application.Localizacao()}><cabecalho>Localização</cabecalho>
	<td class="head4"><a href=@{Application.tela_login()}> <cabecalho>Área restrita</cabecalho></a></td><td><td>

</TR>
</TABLE> 
</div>
<script type="text/javascript">
<!-->
var image1=new Image()
image1.src="/public/images/carne-de-sol.jpg"
var image2=new Image()
image2.src="/public/images/cardapio-principal-01-carnesolnata.jpg"
var image3=new Image()
image3.src="/public/images/feijoada.jpg"
//-->
</script>
</head>
<body >
<br>

<img src="/public/images/feijoada.jpg" class="aligncenter" alt="" name="slide" width="900" height="500"  >
<script type="text/javascript">
<!--
var step=1
function slideit(){
document.images.slide.src=eval("image"+step+".src")
if(step<3)
step++
else
step=1
setTimeout("slideit()",6000)
}
slideit()
//-->
</script>

<br>  
<div align=center id="rodape">
<rodape>O potiguar restaurante e petiscaria- A equipe que melhor o atende</rodape>
</div>
</body>
</html>
